
<%@ include file="../common/top.jsp"%>
<script>
    $(function() {
        var $code = $("#code_image");
        $code.click(function() {
            this.src = "kaptcha.jpg?" + new Date().getTime(); // 使用 getTime() 方法获取当前时间的毫秒数
        });
    });
</script>
<!-- 登录注册页面 -->
<section class="xbox">
    <div class="content">
        <form action="signOn" method="post">
            <p>Please enter your username and password.</p>
            <c:if test="${requestScope.signOnMsg !=null}">
                <p><font color="red">${requestScope.signOnMsg}</font></p>
            </c:if>
            <table class="table">
                <tr>
                    <td>Username:</td>
                    <td><input type="text" name="username" class="search-input" id="username" clss=""></td>
                </tr>
                <div id="feedback"></div>
                <tr>
                    <td>Password:</td>
                    <td><input type="password" name="password" class="search-input" id="password"></td>
                </tr>
                <div id="feed"></div>
                <tr>
                    <td>Verification code:</td>
                    <td>
                        <input type="text" name="code" class="search-input" style="width: 60px">
                        <img id="code_image" style="width: 88px;height: 22px;position: absolute;+margin-top:1px;margin-left: 5px" src="kaptcha.jpg">
                    </td>
                </tr>
            </table>
            <button type="submit" class="btn">
                Login<i class="fa-solid fa-chevron-right"></i>
            </button>
        </form>
        <p>Need a user name and password?</p>
        <a href="registerForm">Register Now<i class="fa-solid fa-chevron-right"></i></a>
    </div>
</section>
<%@ include file="../common/bottom.jsp"%>